<template>
	<view class="w-count-down flex">
		<view class="tag">
			17
		</view>
		<view class="dot-box">
			<view class="dot">
			</view>
			<view class="dot">
			</view>
		</view>
		<view class="tag">
			09
		</view>
		<view class="dot-box">
			<view class="dot">
			</view>
			<view class="dot">
			</view>
		</view>
		<view class="tag">
			52
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		props: {
			time: {
				type: [String, Number],
				default: 0
			}
		},
		methods: {
		
		}
	}
</script>

<style lang="scss" scoped>
	.w-count-down {
		.tag {
			text-align: center;
			width: 34rpx;
			height: 34rpx;
			background: #FF7979;
			border-radius: 4rpx 4rpx 4rpx 4rpx;
			font-family: DINPro, DINPro;
			font-weight: bold;
			font-size: 26rpx;
			color: #FFFFFF;
		}

		.dot-box {
			margin: 0 6rpx;

			.dot {
				width: 4rpx;
				height: 4rpx;
				background: #FF7979;

				&:nth-child(2) {
					margin-top: 6rpx;
				}
			}
		}
	}
</style>